@charset "utf-8";

/* 给 div 设置一些通用属性，方便观察 */
div{
	/*border:solid 2px silver;
	width: 300px;
	height: 300px;*/
}
div{
	/* 因为目前处于标准阶段，没必要写前缀了 */
	/*border-radius: 30px;*/
}
/* 实验阶段的写法 */
div{
	/* -webkit- 表示 Chrome 浏览器的私有属性前缀、-moz- 表示 Firefox 私有属性前缀，如果是处于实验阶段旧版本浏览器，那么不支持 border-radius ，从而能通过厂商前缀的方式来支持。
	如果是新版浏览器，已经是处于标准阶段，那么又有两种说法：a.如果新版浏览器废弃了前缀，那么前缀写法
	就不支持了，仅支持标准写法；b.如果新版浏览器没有废弃前缀，那么两种写法都可以，但要注意顺序，且保持属性值要一致。 */
	/*-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius: 30px;*/
}

div{
	/* 前缀写法写在标准后面，且值不一样，就会出现问题。 */
	/*border-radius: 30px;
	-webkit-border-radius:30px;*/
}

html{
	font-size: 62.5%;
}
h1{
	font-size: 5em;
}
p{
	font-size: 1.4em;
}
code{
	/*font-size: 1.1em;*/
	/* 这里是15px左右，因为 em 是和父元素挂钩所以 14px的1.1倍，就是 15px左右。但是
	如果想要设置字体大小 11px，则需要设置 0.786 倍才行，但这样计算量太大。所以，W3C 推出
	了直接基于根元素单位：rem */
	font-size: 1.1rem;
}